<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>login</title>
    <link rel="stylesheet" href="../../css/chushihua.css">
    <link rel="stylesheet" href="../../css/gonggongyangshi.css">
    <script src="../../js/jquery-3.3.2.min.js"></script>
    <script src="../../js/top.js"></script>
    <script src="../../js/yincang_nav.js"></script>
    <link rel="stylesheet" href="style/Dstyle.css">
    <script src="js/scoller.js"></script>
</head>

<body>

    <div class="D_m_contain" id="login">
        <div class="D_m_Leftcontain">
            <a href="#"><img src="img/6.jpg" alt="这是一张图片" width="451px" height="257px" /></a>
        </div>
        <div class="D_m_Rightcontain">
            <div class="D_m_Rightcontain_Top">
                <span class="title">用户注册</span>
            </div>
            <div class="D_m_Rightcontain_Form">
                <form action="" class="Form">
                    <div class="formLabel">
                        <p><label for="userTelphon">手机号：</label></p>
                        <p><label for="userpwd">密码：</label></p>
                        <p><label for="userpwds">确认密码：</label></p>
                        <p><label>动态验证：</label></p>
                        <p><label for="inputMessage">短信验证：</label></p>
                    </div>
                    <div class="forminputs">
                        <div class="forminput">
                            <input id="userTelphon" type="text" oninput="value=value.replace(/[^\d]/g,'')" maxlength="11" required />
                        </div>
                        <div class="forminput">
                            <input id="userpwd" type="password" />
                        </div>
                        <div class="forminput">
                            <input type="password" id="userpwds" />
                        </div>
                        <div class="drag">
                            <div class="bg"></div>
                            <div class="text" onselectstart="return false;">请拖动滑块解锁</div>
                            <div class="btn">&gt;&gt;</div>
                        </div>
                        <div class="formRequier">
                            <input class="input" id="inputMessage" type="text" oninput="value=value.replace(/[^\d]/g,'')" /><input class="button" type="button" value="获取验证码" />
                        </div>
                        <button class="footer_button" type="button">确认</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <footer>
        <span>Copyright 2018-2019 郑州资讯网络科技有限公司 资讯网 www.baimacha.com 浙ICP备18047066号 <a>关于我们</a> <a>联系我们</a></span>
    </footer>
    <script>
        $(function() {
            $("#userTelphon").blur(function() {
                var v = $(this).val();
                var rex = /^1[3-9]+\d{9}$/;
                var rex2 = /^((0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/;
                if (rex.test(v) || rex2.test(v)) {
                    $(this).css('border', '1px solid #04ae00');

                } else {
                    $(this).css('border', '1px solid red');
                };
            });
        })
    </script>
</body>

</html>